﻿<div id="msgboxAlert" class="transform-to-circle">
    <div id="alertText" class="msg-text"> </div> 
    <div class="footer-container">
	    <button id="center-ok-button" class="ok-button" value="OK"></button> 
    </div>
</div>

<div id="msgboxConfirm" class="transform-to-circle"> 
    <div id="confirmText" class="msg-text"></div>
    <div class="footer-container">
        <button class="ok-button"></button>
        <button class="cancel-button"></button>
    </div>
    <!--
    <input type="button" value="OK" id="confirmOK">
    <input type="button" value="Cancel" id="confirmCancel">
    -->
</div>

<div id="msgboxPrompt" class="transform-to-circle">
    <div id="promptText" class="msg-text"></div>
    <input type="text" id="promptInput" />
    
    <div id="promptError" class="prompt-error"></div>
    
    <div class="footer-container">
        <button class="ok-button"></button>
        <button class="cancel-button"></button>
        <!--<input type="button" value="OK" id="promptOK">
        <input type="button" value="Cancel" id="promptCancel">-->
    </div>
</div>
 
<div id="waitPanel">
    <p><span data-bind="text: Application.Resources.Views.Messages.Content_is_being_loaded">Content is being loaded</span></p>
</div>